<template>
  <div class="big_box">
    <div class="path_box" v-html="pathValue"></div>
    <div class="box">
      <div class="box_left">
        <div style="height: 100%">
          <div class="module_title">产业用工</div>
          <div class="cyyg_echarts">
            <div class="cyyg_contant cyyg_box1">
              <img src="~img/cyyg_img.png" class="cyyg_contant_back" />
              <div class="cyyg_contant_title">用工<br />人数占比</div>
              <div class="cyyg_contant_num">{{ (cyyg.ygrszb*100).toFixed(2) }}%</div>
            </div>
            <div class="cyyg_contant cyyg_box2">
              <img src="~img/cyyg_img.png" class="cyyg_contant_back" />
              <div class="cyyg_contant_title">社保<br />金额占比</div>
              <div class="cyyg_contant_num">{{ (cyyg.sbjezb*100).toFixed(2) }}%</div>
            </div>
            <div class="cyyg_contant cyyg_box3">
              <img src="~img/cyyg_img.png" class="cyyg_contant_back" />
              <div class="cyyg_contant_title">户均<br />用工人数</div>
              <div class="cyyg_contant_num">{{ cyyg.hjygrs.toFixed(0) }}</div>
            </div>
            <div class="cyyg_contant cyyg_box4">
              <img src="~img/cyyg_img.png" class="cyyg_contant_back" />
              <div class="cyyg_contant_title">用工<br />增长率</div>
              <div class="cyyg_contant_num">{{ (cyyg.ygzzl*100).toFixed(2)  }}%</div>
            </div>
            <div class="cyyg_contant cyyg_box5">
              <img src="~img/cyyg_img.png" class="cyyg_contant_back" />
              <div class="cyyg_contant_title">社保<br />超百人占比</div>
              <div class="cyyg_contant_num">{{ (cyyg.sbrscbrzb*100).toFixed(2) }}%</div>
            </div>
          </div>
          <div class="cyhx_smallTitle">用工成效</div>
          <div class="ygcj_echarts">
            <!-- <div class="zwxx_tips" v-if="ygcxData.mon.length <= 0">
              暂无数据
            </div> -->
            <ygcxEcharts
              :data="ygcxData"
              v-if="ygcxData.mon.length > 0"
            ></ygcxEcharts>
          </div>
          <div class="module_title">
            产业经营
            <div class="cyjy_check_box">
              <div
                class="module_title_check"
                :class="cyjy == 1 ? 'module_title_true' : 'module_title_false'"
                @click="cyjyCheck(1)"
              ></div>
              <div
                class="module_title_check2"
                :class="cyjy == 2 ? 'module_title_true' : 'module_title_false'"
                @click="cyjyCheck(2)"
              ></div>
            </div>
          </div>
          <div class="cyjy_box1" v-if="cyjy == 1">
            <div class="cyjy_box1_left">
              <img src="~img/cyjy1_left.png" class="cyjy1_left" alt="" />
              <div class="jg_box">
                <img src="~img/cyjy1_middle.png" alt="" />
                <div class="jg_text">结构</div>
              </div>
              <div class="yscbw_box">
                <img src="~img/cyjy1_radio.png" alt="" />
                <div class="yscbw_text">营收<br />超百万</div>
                <div class="yscbw_num">{{ cyjyObj1.isYsbw }}</div>
              </div>
              <div class="jck_box">
                <img src="~img/cyjy1_radio.png" alt="" />
                <div class="yscbw_text">进出口</div>
                <div class="yscbw_num">{{ cyjyObj1.isJck }}</div>
              </div>
              <div class="ygcbr_box">
                <img src="~img/cyjy1_radio.png" alt="" />
                <div class="yscbw_text">用工<br />超百人</div>
                <div class="yscbw_num">{{ cyjyObj1.isSbbr }}</div>
              </div>
              <div class="zczbcbw_box">
                <img src="~img/cyjy1_radio.png" alt="" />
                <div class="yscbw_text">注册资本<br />超百万</div>
                <div class="yscbw_num">{{ cyjyObj1.isZcbw }}</div>
              </div>
            </div>
            <div class="cyjy_box1_right">
              <img src="~img/cyjy1_right.png" class="cyjy1_left" alt="" />
              <div class="gm_box">
                <img src="~img/cyjy1_middle.png" alt="" />
                <div class="jg_text">规模</div>
              </div>
              <div class="qysl_box">
                <img src="~img/cyjy1_radio.png" alt="" />
                <div class="yscbw_text">企业数量</div>
                <div class="yscbw_num">{{ cyjyObj1.qys }}</div>
              </div>
              <div class="rze_box">
                <img src="~img/cyjy1_radio.png" alt="" />
                <div class="yscbw_text">融资额</div>
                <!-- <div class="yscbw_text">认缴注<br />册资本</div> -->
                <div class="yscbw_num">
                  {{ cyjyObj1.loanNumBalance
                  }}<span class="cyjy_unit">亿元</span>
                </div>
              </div>
              <div class="sbrs_box">
                <img src="~img/cyjy1_radio.png" alt="" />
                <div class="yscbw_text">社保人数</div>
                <!-- <div class="yscbw_text">有融资<br />企业数量</div> -->
                <div class="yscbw_num">
                  {{ cyjyObj1.sbPersonCount }}
                </div>
              </div>
              <div class="nse_box">
                <img src="~img/cyjy1_radio.png" alt="" />
                <!-- <div class="yscbw_text">IPO企业<br />数量</div> -->
                <div class="yscbw_text">纳税额</div>
                <div class="yscbw_num">
                  {{ cyjyObj1.taxAmount }}<span class="cyjy_unit">亿元</span>
                </div>
              </div>
            </div>
          </div>
          <div class="cyjy_box" v-if="cyjy == 2">
            <div class="cyjy_echarts1">
              <cyjyEcharts
                :dataList="cyjyObj1"
                v-if="cyjyObj1.dxRatio"
              ></cyjyEcharts>
            </div>
            <div class="cyjy_echarts2">
              <img src="~img/cyjy_back.png" alt="" class="cyjy_back" />
              <div class="kjxqy_box">
                <img src="~img/cyjy_contant_img.png" alt="" />
                <div class="kjxqy_title">科技型<br />企业</div>
                <div class="kjxqy_num">{{ cyjyObj1.kjxqysl }}</div>
              </div>
              <div class="cyjy_echarts2_top">
                <div class="gxjs_box">
                  <img src="~img/cyjy_img.png" class="cyjy_img" alt="" />
                  <div class="gxjs_box_title">高新技术</div>
                  <div class="gxjs_box_num">{{ cyjyObj1.gxkjqysl }}</div>
                </div>
                <div class="gxjs_box kjx">
                  <img src="~img/cyjy_img.png" class="cyjy_img" alt="" />
                  <div class="gxjs_box_title">科技型<br />中小</div>
                  <div class="gxjs_box_num">{{ cyjyObj1.kjxzxqysl }}</div>
                </div>
              </div>
              <div class="cyjy_echarts2_bottom">
                <div class="gxjs_box">
                  <img src="~img/cyjy_img.png" class="cyjy_img" alt="" />
                  <div class="gxjs_box_title">独角兽</div>
                  <div class="gxjs_box_num">{{ cyjyObj1.djsqysl }}</div>
                </div>
                <div class="gxjs_box zjtx">
                  <img src="~img/cyjy_img.png" class="cyjy_img" alt="" />
                  <div class="gxjs_box_title">专精特新</div>
                  <div class="gxjs_box_num">{{ cyjyObj1.zjtxqysl }}</div>
                </div>
              </div>
            </div>
          </div>
          <div class="cyhx_smallTitle">产业效益</div>
          <div class="cyxy_echarts">
            <!-- <div class="zwxx_tips" v-if="cyxyData.mon.length <= 0">
              暂无数据
            </div> -->
            <cyxyEcharts
              :data="cyxyData"
              v-if="cyxyData.mon.length > 0"
            ></cyxyEcharts>
          </div>
        </div>
      </div>
      <div class="box_middle">
        <div class="box_middle_top">
          <div class="box_middle_top_box">
            <div>
              <img src="~img/ssgs_icon.png" alt="" />
            </div>
            <div class="box_middle_top_right">
              <div class="box_middle_top_name">企业数量</div>
              <div class="box_middle_top_num">9384</div>
            </div>
          </div>
          <div class="box_middle_top_box">
            <div>
              <img src="~img/xdfgl_icon.png" alt="" />
            </div>
            <div class="box_middle_top_right">
              <div class="box_middle_top_name">平均注册资本</div>
              <div class="box_middle_top_num">4891</div>
            </div>
          </div>
          <div class="box_middle_top_box">
            <div>
              <img src="~img/pjzczb_icon.png" alt="" />
            </div>
            <div class="box_middle_top_right">
              <div class="box_middle_top_name">信贷覆盖率</div>
              <div class="box_middle_top_num">23.1%</div>
            </div>
          </div>
        </div>
        <div class="box_middle_mainEcharts">
          <div class="box_middle_target">
            <div class="zs_box">
              <div class="zs_Text">指数</div>
              <div class="zs_Num">{{ jyzsObj.comIndex }}</div>
            </div>
            <img
              src="~img/cyhx_middle_contant.png"
              alt=""
              class="box_middle_target_img"
            />
          </div>
          <div class="yg_box">
            <img
              src="~img/cyhx_contant_left_top.png"
              alt=""
              class="yg_box_img"
            />
            <div class="box_middle_leftTitle">用工</div>
            <div class="box_middle_leftText">{{ jyzsObj.employIndex }}</div>
          </div>
          <div class="jq_box">
            <img
              src="~img/cyhx_contant_right_top.png"
              alt=""
              class="yg_box_img"
            />
            <div class="box_middle_rightTitle">景气</div>
            <div class="box_middle_rightText">{{ jyzsObj.proIndex }}</div>
          </div>
          <div class="jy_box">
            <img
              src="~img/cyhx_contant_left_bottom.png"
              alt=""
              class="yg_box_img"
            />
            <div class="box_middle_leftTitle">经营</div>
            <div class="box_middle_leftText">1{{ jyzsObj.operaIndex }}</div>
          </div>
          <div class="fx_box">
            <img
              src="~img/cyhx_contant_right_bottom.png"
              alt=""
              class="yg_box_img"
            />
            <div class="box_middle_rightTitle">风险</div>
            <div class="box_middle_rightText">{{ jyzsObj.riskIndex }}</div>
          </div>
        </div>
        <div class="module_title">产业发展</div>
        <div class="cyfz_box">
          <div class="cyfz_bigDiv">
            <div class="cyfz_div">
              <div>
                <div class="blue_text">获得专利企业</div>
                <div class="cyfz_left_div">
                  <span class="cyfz_left_year">2022年</span
                  ><span class="cyfz_left_num">2452</span>
                </div>
                <div class="cyfz_left_div">
                  <span class="cyfz_left_year">2021年</span
                  ><span class="cyfz_left_num">1024</span>
                </div>
              </div>
              <div class="cyfz_div_right">
                <div class="blue_text">环比</div>
                <div class="cyfz_right_num">20%</div>
                <div class="blue_text">同比</div>
                <div class="cyfz_right_num">23.50%</div>
              </div>
            </div>
            <div class="cyfz_div">
              <div>
                <div class="blue_text">人均专利数</div>
                <div class="cyfz_left_div">
                  <span class="cyfz_left_year">2022年</span
                  ><span class="cyfz_left_num">0.01</span>
                </div>
                <div class="cyfz_left_div">
                  <span class="cyfz_left_year">2021年</span
                  ><span class="cyfz_left_num">0.001</span>
                </div>
              </div>
              <div class="cyfz_div_right">
                <div class="blue_text">环比</div>
                <div class="cyfz_right_num">0.50%</div>
                <div class="blue_text">同比</div>
                <div class="cyfz_right_num">0.61%</div>
              </div>
            </div>
            <div class="cyfz_div">
              <div>
                <div class="blue_text">专利企业数</div>
                <div class="cyfz_left_div">
                  <span class="cyfz_left_year">2022年</span
                  ><span class="cyfz_left_num">4890</span>
                </div>
                <div class="cyfz_left_div">
                  <span class="cyfz_left_year">2021年</span
                  ><span class="cyfz_left_num">2571</span>
                </div>
              </div>
              <div class="cyfz_div_right">
                <div class="blue_text">环比</div>
                <div class="cyfz_right_num">3%</div>
                <div class="blue_text">同比</div>
                <div class="cyfz_right_num">2.78%</div>
              </div>
            </div>
          </div>
        </div>
        <div class="cyfz_box2">
          <div class="cyfz_box2_left">
            <div class="cyfz_div2">
              <div class="blue_text">近3个月<br />跨城市招聘</div>
              <div>50</div>
            </div>
            <div class="cyfz_div2" style="margin-left: 3%">
              <div class="blue_text">在5个城市以上<br />存在招聘岗位</div>
              <div>8</div>
            </div>
            <div class="cyfz_div2" style="margin-top: 5px">
              <div class="blue_text">近3月在外地<br />设分支机构</div>
              <div>22</div>
            </div>
            <div class="cyfz_div2" style="margin-left: 3%; margin-top: 5px">
              <div class="blue_text">近3月在外地<br />设全资子公司</div>
              <div>31</div>
            </div>
            <div class="cyfz_div2" style="margin-top: 5px">
              <div class="blue_text">用工人数<br />上涨50%企业</div>
              <div>4096</div>
            </div>
            <div class="cyfz_div2" style="margin-left: 3%; margin-top: 5px">
              <div class="blue_text">营收<br />上涨100%企业</div>
              <div>809</div>
            </div>
          </div>
          <div class="cyfz_box2_right">
            <cyfzEcharts
              :dataList="cyfzList"
              ref="cyfzEcharts"
              v-if="cyfzList.fmzlzb"
            ></cyfzEcharts>
            <!-- <div class="zwxx_tips" v-else>暂无数据</div> -->
          </div>
        </div>
      </div>
      <div class="box_right">
        <div class="module_title">产业景气</div>
        <div class="cyjq_box">
          <div class="cyjq_div">
            <img src="~img/cyjq_img.png" alt="" class="cyjq_div_img" />
            <div class="blue_text">更新<br />替代率</div>
            <div>0.01%</div>
          </div>
          <div class="cyjq_div">
            <img src="~img/cyjq_img.png" alt="" class="cyjq_div_img" />
            <div class="blue_text">新设<br />企业数</div>
            <div>3</div>
          </div>
          <div class="cyjq_div">
            <img src="~img/cyjq_img.png" alt="" class="cyjq_div_img" />
            <div class="blue_text">新增融资<br />企业数</div>
            <div>302</div>
          </div>
          <div class="cyjq_div">
            <img src="~img/cyjq_img.png" alt="" class="cyjq_div_img" />
            <div class="blue_text">贷款金额<br />增长率</div>
            <div>12.03%</div>
          </div>
          <div class="cyjq_div">
            <img src="~img/cyjq_img.png" alt="" class="cyjq_div_img" />
            <div class="blue_text">IPO企业<br />占比</div>
            <div>130</div>
          </div>
        </div>
        <div class="box_right_titleBox">
          <div
            @click="cyjqCheck(1)"
            :class="cyjq == 1 ? 'box_right_title' : 'box_right_title2'"
          >
            新设企业
          </div>
          <div
            @click="cyjqCheck(2)"
            :class="cyjq == 2 ? 'box_right_title' : 'box_right_title2'"
          >
            新增融资
          </div>
        </div>
        <div class="cyjq_echarts">
          <xsqyEcharts v-if="cyjq == 1"></xsqyEcharts>
          <xsqyEcharts2 v-if="cyjq == 2"></xsqyEcharts2>
        </div>
        <div class="module_title">产业风险</div>
        <div class="cyfx_box">
          <div class="cyfx_div">
            <img src="~img/cyfx_div_img.png" alt="" class="cyfx_div_img" />
            <div class="cyfx_div_box">
              <div class="blue_text">涉诉数量</div>
              <div class="cyfx_num">{{ cyfx.isLawsuit || "-" }}</div>
            </div>
          </div>
          <div class="cyfx_div">
            <img src="~img/cyfx_div_img.png" alt="" class="cyfx_div_img" />
            <div class="cyfx_div_box">
              <div class="blue_text">贷款不良率</div>
              <div class="cyfx_num">{{ cyfx.dkblv || "-" }}</div>
            </div>
          </div>
          <div class="cyfx_div">
            <img src="~img/cyfx_div_img.png" alt="" class="cyfx_div_img" />
            <div class="cyfx_div_box">
              <div class="blue_text">新增处罚企业数</div>
              <div class="cyfx_num">{{ cyfx.isPunish || "-" }}</div>
            </div>
          </div>
          <div class="cyfx_div">
            <img src="~img/cyfx_div_img.png" alt="" class="cyfx_div_img" />
            <div class="cyfx_div_box">
              <div class="blue_text">小贷占比</div>
              <div class="cyfx_num">{{ cyfx.cntDishonest || "-" }}</div>
            </div>
          </div>
          <div class="cyfx_div">
            <img src="~img/cyfx_div_img.png" alt="" class="cyfx_div_img" />
            <div class="cyfx_div_box">
              <div class="blue_text">注销破产企业数</div>
              <div class="cyfx_num">{{ cyfx.pcqy || "-" }}</div>
            </div>
          </div>
          <div class="cyfx_div">
            <img src="~img/cyfx_div_img.png" alt="" class="cyfx_div_img" />
            <div class="cyfx_div_box">
              <div class="blue_text">行政处罚总次数</div>
              <div class="cyfx_num">{{ cyfx.adPunish || "-" }}</div>
            </div>
          </div>
        </div>
        <div class="box_right_titleBox">
          <div
            @click="cyfxCheck(1)"
            :class="cyfxNum == 1 ? 'box_right_title' : 'box_right_title2'"
          >
            抵押查封
          </div>
          <div
            @click="cyfxCheck(2)"
            :class="cyfxNum == 2 ? 'box_right_title' : 'box_right_title2'"
          >
            经营异常
          </div>
        </div>
        <div class="cyfx_echarts">
          <dycfEcharts
            v-if="cyfxNum == 1 && dycfList.mon.length > 0"
            :dataList="dycfList"
          ></dycfEcharts>
          <!-- <div
            class="zwxx_tips"
            v-if="cyfxNum == 1 && dycfList.mon.length <= 0"
          >
            暂无数据
          </div> -->

          <dycfEcharts2
            v-if="cyfxNum == 2 && jyycList.mon.length > 0"
            :dataList="jyycList"
          ></dycfEcharts2>
          <!-- <div
            class="zwxx_tips"
            v-if="cyfxNum == 2 && jyycList.mon.length <= 0"
          >
            暂无数据
          </div> -->
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import ygcxEcharts from "../components/ygcxEcharts.vue";
import cyjyEcharts from "../components/cyjyEcharts.vue";
import cyxyEcharts from "../components/cyxyEcharts.vue";
import cyfzEcharts from "../components/cyfzEcharts.vue";
import xsqyEcharts from "../components/xsqyEcharts.vue";
import xsqyEcharts2 from "../components/xsqyEcharts2.vue";
import dycfEcharts from "../components/dycfEcharts.vue";
import dycfEcharts2 from "../components/dycfEcharts2.vue";
import {
  cwYgcx,
  cwCyxy,
  cyhxDycf,
  cyhxJyyy,
  industryEmployment,
  cyhxCyfx,
  cyhxCyjyABTab,
  getZSList,
  cyhxCyjyABPie,
} from "@/api/screen/cyhx";
export default {
  name: "" /*1. Vue扩展 */,
  extends: "", // extends和mixins都扩展逻辑，需要重点放前面
  mixins: [],
  components: {
    ygcxEcharts,
    cyjyEcharts,
    cyxyEcharts,
    cyfzEcharts,
    xsqyEcharts,
    xsqyEcharts2,
    dycfEcharts,
    dycfEcharts2,
  } /* 2. Vue数据 */,
  props: {
    dropName: {
      type: String,
      default: "电子信息产业",
    },
    params2: {
      type: Object,
      default: {},
    },
    pathValue: {
      type: String,
      default: "",
    },
  },
  model: { prop: "", event: "" }, // model 会使用到 props
  data() {
    return {
      path: "",
      cyfzList: {},
      jyzsObj: {
        riskIndex: "",
        operaIndex: "",
        proIndex: "",
        employIndex: "",
        comIndex: "",
      },
      cyjyObj1: {
        djsqysl: "",
        dxRatio: "",
        gxkjqysl: "",
        isJck: "",
        isSbbr: "",
        isYsbw: "",
        isZcbw: "",
        kjxqysl: "",
        kjxzxqysl: "",
        loanNumBalance: "",
        lvl: "L0",
        lx: "电子信息产业",
        qys: "",
        sbPersonCount: "",
        taxAmount: "",
        xwRatio: "",
        zjtxqysl: "",
        zxRatio: "",
      },
      cyfx: {
        adPunish: "82",
        cntDishonest: "3",
        dkblv: "0.006211",
        isLawsuit: "15",
        isPunish: "39",
        lvl: "L0",
        lx: "电子信息产业",
        mon: "2023-05-01 00:00:00",
        pcqy: "10",
      },
      cyyg: {
        hjygrs: 0,
        sbjezb: 0,
        sbrscbrzb: 0,
        ygrszb: 0,
        ygzzl: 0,
        // qys: 412,
        // sbPayAmontSum: 49356209.28,
        // sbPayAmontSumQs: 5601507096,
        // sbPersonCount: 38658,
      },
      jyycList: {
        cyysyc: [],
        jcyjqysl: [],
        mon: [],
      },
      dycfList: {
        mon: [],
        isClose: [],
        isPledge: [],
        gqzyqy: [],
      },
      cyxyData: {
        mon: [],
        fzl: [],
        jzcsyl: [],
        lrze: [],
        taxAmount: [],
      },
      ygcxData: {
        mon: [],
        rjlre: [],
        rjnse: [],
        rjyysr: [],
      }, //用工成效数据
      cyjy: 1,
      cyjq: 1,
      cyfxNum: 1,
      ygrszb: 1,
    };
  },
  computed: {},
  watch: {} /* 3. Vue资源 */, // watch 监控的是 props 和 data，有必要时监控computed
  filters: {},
  directives: {} /* 4. Vue生命周期 */,
  created() {
    console.log(this.params2, "产业画像默认的值");

    this.getcwYgcx();
    this.getcwCyxy();
    this.getcyhxDycf();
    this.getcyhxJyyy();
    this.getindustryEmployment();
    this.getCyhxCyfx();
    this.cyfxCheck(1);
    this.getcyhxCyjyABTab();
    this.getJyzs();
    this.getcyhxCyjyABPie();
  },
  mounted() {},
  destroy() {} /* 5. Vue方法 */,
  methods: {
    getcyhxCyjyABPie() {
      cyhxCyjyABPie({
        lx: this.dropName,
        lvl: "L0",
        ...this.params2,
      }).then((response) => {
        console.log(response, "产业发展(sdsdsdsd⊙o⊙)…433");
        
        if (response.data[0].fmzlzb) {
          this.cyfzList = response.data[0];
        } else {
          this.cyfzList = {
            fmzlzb: 1,
            lvl: "L0",
            lx: "电子信息产业",
            syzlzb: 0,
            wgzlzb: 0,
          };
        }
        this.$nextTick(() => {
          this.$refs.cyfzEcharts.drawChart();
        });
        console.log(this.cyfzList, "产业发展图表数据");
      });
    },
    getJyzs() {
      getZSList({
        lx: this.dropName,
        lvl: "L0",
        ...this.params2,
      }).then((response) => {
        this.jyzsObj = response.data;
      });
    },
    getcyhxCyjyABTab() {
      cyhxCyjyABTab({
        lx: this.dropName,
        lvl: "L0",
        ...this.params2,
      }).then((response) => {
        this.cyjyObj1 = response.data[0];
        this.cyjyObj1.loanNumBalance = (
          this.cyjyObj1.loanNumBalance * 0.00000001
        ).toFixed(2);
        this.cyjyObj1.taxAmount = (
          this.cyjyObj1.taxAmount * 0.00000001
        ).toFixed(2);
      });
    },
    // 产业风险
    getCyhxCyfx() {
      cyhxCyfx({
        lx: this.dropName,
        lvl: "L0",
        ...this.params2,
      }).then((response) => {
        this.cyfx = response.data[0];
      });
    },
    // 产业用工
    getindustryEmployment() {
      industryEmployment({
        lx: this.dropName,
        lvl: "L0",
        ...this.params2,
      }).then((response) => {
        console.log(response, "产业用工");
        this.cyyg = response.data;
      });
    },
    // 经营异常
    getcyhxJyyy() {
      cyhxJyyy({
        lx: this.dropName,
        lvl: "L0",
        ...this.params2,
      }).then((response) => {
        let obj = {
          cyysyc: [],
          jcyjqysl: [],
          mon: [],
        };
        response.data.forEach((element) => {
          obj.cyysyc.push(element.cyysyc);
          obj.jcyjqysl.push(element.jcyjqysl);
          obj.mon.push(element.mon);
        });

        this.jyycList = obj;
      });
    },
    // 抵押查封
    getcyhxDycf() {
      cyhxDycf({
        lx: this.dropName,
        lvl: "L0",
        ...this.params2,
      }).then((response) => {
        let obj = {
          mon: [],
          isClose: [],
          isPledge: [],
          gqzyqy: [],
        };
        response.data.forEach((element) => {
          obj.mon.push(element.mon);
          obj.isClose.push(element.isClose);
          obj.isPledge.push(element.isPledge);
          obj.gqzyqy.push(element.gqzyqy);
        });

        this.dycfList = obj;
      });
    },
    // 用工成效
    getcwYgcx() {
      cwYgcx({
        lx: this.dropName,
        lvl: "L0",
        ...this.params2,
      }).then((response) => {
        let obj = {
          mon: [],
          rjlre: [],
          rjnse: [],
          rjyysr: [],
        };
        response.data.forEach((element) => {
          obj.mon.push(element.mon);
          if (element.rjlre) {
            obj.rjlre.push((element.rjlre * 0.0001).toFixed(2));
          } else {
            obj.rjlre.push(0);
          }
          if (element.rjnse) {
            obj.rjnse.push((element.rjnse * 0.0001).toFixed(2));
          } else {
            obj.rjnse.push(0);
          }
          if (element.rjyysr) {
            obj.rjyysr.push((element.rjyysr * 0.0001).toFixed(2));
          } else {
            obj.rjyysr.push(0);
          }
        });
        this.ygcxData = obj;
        console.log(this.ygcxData, "用工成效处理后的数据");
      });
    },
    // 产业效益
    getcwCyxy() {
      cwCyxy({
        lx: this.dropName,
        lvl: "L0",
        ...this.params2,
      }).then((response) => {
        console.log(response, "产业效益产业效益");
        let obj = {
          mon: [],
          fzl: [],
          jzcsyl: [],
          lrze: [],
          taxAmount: [],
        };
        response.data.forEach((element) => {
          obj.mon.push(element.mon);
          if (element.fzl) {
            obj.fzl.push((element.fzl * 0.0001).toFixed(2));
          } else {
            obj.fzl.push("0");
          }
          if (element.jzcsyl) {
            obj.jzcsyl.push(element.jzcsyl.toFixed(2));
          } else {
            obj.jzcsyl.push("0");
          }
          if (element.lrze) {
            obj.lrze.push((element.lrze * 0.0001).toFixed(2));
          } else {
            obj.lrze.push("0");
          }
          if (element.taxAmount) {
            obj.taxAmount.push((element.taxAmount * 0.0001).toFixed(2));
          } else {
            obj.taxAmount.push("0");
          }
        });
        this.cyxyData = obj;
      });
    },
    cyjyCheck(val) {
      this.cyjy = val;
    },
    cyjqCheck(val) {
      this.cyjq = val;
    },
    cyfxCheck(val) {
      this.cyfxNum = val;
    },
  }, // all the methods should be put here in the last
};
</script>
<style scoped lang="scss">
.big_box {
  width: 100%;
  height: 100%;
}
.box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  color: #ffffff;
}
.path_box {
  -webkit-box-flex: 1;
  flex: 1;
  text-align: center;
  font-size: 20px;
  font-family: none;
  font-family: YouSheBiaoTiHei;
  color: white;
  margin-top: -20px;
  margin-bottom: 10px;
}
.box_left {
  width: 30%;
  height: 100%;
  //   background-color: pink;
}
.box_middle {
  width: 38%;
  height: 100%;
  //   background-color: aqua;
}
.box_right {
  width: 30%;
  height: 100%;
  // background-color: rgb(95, 160, 105);
}
.module_title {
  width: 100%;
  height: 50px;
  background-image: url("~img/zyqj_title.png");
  background-size: 100% 100%;
  font-family: YouSheBiaoTiHei;
  font-weight: 400;
  font-size: 25px;
  line-height: 25px;
  padding-left: 70px;
  color: #fff;
  position: relative;
}
.cyyg_echarts {
  width: 100%;
  // height: 130px;
  height: 20%;
  margin-top: -20px;
  // background-color: red;
  position: relative;
}
.cyhx_smallTitle {
  width: 261px;
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
  background-size: 100% 100%;
  background-image: url("~img/cyhx_smallTitle.png");
  color: #ffffff;
}
.ygcj_echarts {
  width: 100%;
  // height: 160px;
  height: 22%;
  display: flex;
  justify-content: center;
  align-items: center;
  // background-color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
}
.zwxx_tips {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.cyxy_echarts {
  width: 100%;
  // height: 170px;
  height: 23%;
  margin-top: -1px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cyjy_box {
  display: flex;
  height: 170px;
  height: 23%;
  margin-top: -10px;
  margin-bottom: 7px;
}
.cyjy_box1 {
  width: 80%;
  margin: auto;
  height: 170px;
  height: 23%;
  margin-top: -10px;
  margin-bottom: 7px;
  // background-color: red;
  display: flex;
}
.cyjy_echarts1 {
  width: 50%;
  height: 100%;
  //   background-color: red;
}
.cyjy_echarts2 {
  width: 45%;
  height: 100%;
  position: relative;
  // background-color: pink;
}
.cyjy_back {
  position: absolute;
  width: 100%;
  top: 12%;
  // height: 100%;
}
.gxjs_box {
  width: 30%;
  // height: 77px;
  // background-image: url("~img/cyjy_img.png");
  background-size: 100% 100%;
  text-align: center;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 10;
}
.gxjs_box_title {
  z-index: 20;
  font-size: 12px;
}
.gxjs_box_num {
  z-index: 20;
  font-size: 14px;
}
.gxjs {
  position: absolute;
  top: 10%;
  left: 10%;
}

.kjx {
  // position: absolute;
  // top: 6%;
  // right: 0%;
}
.cyjy_img {
  position: absolute;
  width: 100%;
  z-index: 10;
}
.box_middle_top {
  width: 100%;
  height: 80px;
  height: 10%;
  display: flex;
  align-items: center;
  // background-color: bisque;
}
.box_middle_mainEcharts {
  width: 100%;
  // height: 345px;
  height: 45%;
  // background-color: rgb(234, 157, 157);
  position: relative;
}
.cyfz_box {
  width: 95%;
  // height: 100px;
  height: 14%;
  margin: auto;
  // background-color: cyan;
}
.cyfz_box2 {
  width: 95%;
  margin: auto;
  // height: 230px;
  height: 32%;
  display: flex;
  margin-top: 10px;
  // background-color: red;
}
.cyfz_box2_left {
  width: 50%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  // background-color: cadetblue;
}
.cyfz_box2_right {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  // background-color: antiquewhite;
}
.cyjq_box {
  width: 100%;
  // height: 100px;
  height: 13%;
  margin-top: -7px;
  margin-bottom: 13px;
  // background-color: aquamarine;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.box_right_titleBox {
  display: flex;
}
.box_right_title {
  width: 220px;
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
  background-size: 100% 100%;
  background-image: url("~img/cyhx_smallTitle.png");
  background-size: 100% 100%;
  color: #ffffff;
  cursor: pointer;
}
.box_right_title2 {
  width: 220px;
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
  background-size: 100% 100%;
  background-image: url("~img/cyhx_smallTitle2.png");
  background-size: 100% 100%;
  cursor: pointer;
  color: #166dda;
}
.cyjq_echarts {
  width: 100%;
  height: 190px;
  height: 27%;
  margin: 10px 0;
  // background-color: aqua;
}
.cyfx_box {
  width: 100%;
  height: 160px;
  height: 22%;
  margin-top: -8px;
  margin-bottom: 5px;
  // background-color: rgb(116, 255, 167);
  color: #fff;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cyfx_echarts {
  width: 100%;
  height: 200px;
  height: 23%;
  // background-color: aqua;
}
.cyyg_contant {
  width: 23%;
  // height: 86px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  // background-color: #61d7fb;
  // background-image: url("~img/cyyg_img.png");
  background-size: 100% 100%;
}
.cyyg_contant_back {
  width: 100%;
  position: absolute;
}
.cyyg_contant_title {
  margin-left: -10px;
  color: #61d7fb;
  font-size: 12px;
  line-height: 15px;
  z-index: 10;
}
.cyyg_contant_num {
  color: white;
  font-size: 14px;
  margin-left: -10px;
  font-size: 12px;
  z-index: 10;
  margin-top: 5px;
}
.cyyg_box1 {
  position: absolute;
  left: 0px;
  bottom: 20%;
}
.cyyg_box2 {
  position: absolute;
  left: 20%;
  top: 20%;
}
.cyyg_box3 {
  position: absolute;
  left: 40%;
  bottom: 20%;
}
.cyyg_box4 {
  position: absolute;
  left: 60%;
  top: 19%;
}
.cyyg_box5 {
  position: absolute;
  left: 80%;
  top: 37%;
}
.box_middle_top_box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33%;
  img {
    width: 63px;
    height: 62px;
  }
}
.box_middle_top_name {
  color: #68c8fa;
  font-size: 16px;
}
.box_middle_top_num {
  font-size: 30px;
  font-family: YouSheBiaoTiHei;
}
.box_middle_top_right {
  line-height: 25px;
}
.box_middle_target {
  width: 55%;
  height: 100%;
  // height: 345px;
  margin: auto;
  // background-image: url("~img/cyhx_middle_contant.png");
  background-size: 100% 100%;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box_middle_target_img {
  position: absolute;
  // width: 100%;
  top: 0;
  z-index: 1;
  height: 100%;
}
.yg_box {
  position: absolute;
  width: 21%;
  height: 90px;
  left: 11%;
  top: 15%;
  // background-image: url("~img/cyhx_contant_left_top.png");
  background-size: 100% 100%;
}
.yg_box_img {
  position: absolute;
  width: 100%;
}
.jq_box {
  position: absolute;
  width: 21%;
  height: 90px;
  right: 11%;
  top: 15%;
  // background-image: url("~img/cyhx_contant_right_top.png");
  background-size: 100% 100%;
}
.jy_box {
  position: absolute;
  width: 21%;
  height: 90px;
  left: 11%;
  top: 60%;
  // background-image: url("~img/cyhx_contant_left_bottom.png");
  background-size: 100% 100%;
}
.fx_box {
  position: absolute;
  width: 21%;

  height: 90px;
  right: 11%;
  top: 60%;
  // background-image: url("~img/cyhx_contant_right_bottom.png");
  background-size: 100% 100%;
}
.box_middle_leftTitle {
  margin-left: 17px;
  margin-top: 8px;
}
.box_middle_leftText {
  margin-left: 16px;
  margin-top: 19%;
  color: #91e1ff;
  font-size: 24px;
}
.box_middle_rightTitle {
  text-align: right;
  margin-right: 17px;
  margin-top: 8px;
}
.box_middle_rightText {
  text-align: right;
  margin-right: 16px;
  margin-top: 19%;
  color: #91e1ff;
  font-size: 24px;
}
.zs_Text {
  margin-top: 20px;
  font-size: 22px;
}
.zs_Num {
  font-size: 36px;
}
.zs_box {
  position: relative;
  text-align: center;
  z-index: 10;
}
.cyfz_bigDiv {
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.cyfz_div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
  height: 100%;
  background: linear-gradient(-33deg, #073a95 0%, #0c4aa5 100%);
  // background-image: url("~img/cyqj_label_back.png");
}
.cyfz_div_right {
  margin-left: 10px;
}
.blue_text {
  color: #68c8fa;
  font-size: 14px;
}
.cyfz_left_div {
  margin-top: 7px;
}
.cyfz_left_year {
  font-size: 12px;
}
.cyfz_left_num {
  font-size: 20px;
}
.cyfz_right_num {
  color: #f07561;
}
.cyfz_div2 {
  width: 48%;
  height: 73px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 5%;
  // align-items: center;
  background: linear-gradient(-33deg, #073a95 0%, #0c4aa5 100%);
}
.cyjq_div {
  width: 17%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  text-align: center;
}
.cyjq_div_img {
  position: absolute;
  width: 100%;
}
.cyfx_div {
  width: 30%;
  height: 78px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 10;
}
.cyfx_div_img {
  width: 100%;
  position: absolute;
  z-index: 1;
}
.cyfx_div_box {
  margin-left: 30px;
  z-index: 5;
}
.cyfx_num {
  margin-top: 5px;
}
.cyjy_echarts2_top {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 8%;
}
.kjx {
  margin-left: 20%;
}
.cyjy_echarts2_bottom {
  margin-top: 25%;
  display: flex;
  width: 100%;
  justify-content: center;
}
.zjtx {
  margin-left: 35%;
}
.kjxqy_box {
  width: 40%;
  position: absolute;
  left: 30%;
  top: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  img {
    position: absolute;
    width: 100%;
  }
}
.kjxqy_title {
  font-size: 12px;
  z-index: 20;
}
.kjxqy_num {
  z-index: 20;
}
.cyjy_check_box {
  display: flex;
  position: absolute;
  right: 5%;
  top: 20%;
}
.module_title_true {
  background-image: url("~img/cyjy_true.png");
}
.module_title_false {
  background-image: url("~img/cyjy_false.png");
}
.module_title_check {
  width: 10px;
  height: 10px;
  background-size: 100% 100%;
  cursor: pointer;
}
.module_title_check2 {
  width: 10px;
  height: 10px;
  background-size: 100% 100%;
  margin-left: 10px;
  cursor: pointer;
}
.cyjy_box1_left {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  // background-color: #61d7fb;
}
.cyjy_box1_right {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  // background-color: pink;
}
.cyjy1_left {
  width: 100%;
  // height: 98%;
}
.jg_box {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  // width:90px;
  width: 41%;
  // height: 75px;
  right: 0;
  img {
    width: 100%;
    position: absolute;
  }
}
.gm_box {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  // width:90px;
  width: 41%;
  // height: 75px;
  left: 0;
  img {
    width: 100%;
    position: absolute;
  }
}
.jg_text {
  z-index: 10;
  line-height: 20px;
}
.yscbw_box {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  // width:90px;
  width: 36%;
  // height: 75px;
  left: -10%;
  top: 15%;
  img {
    width: 100%;
    position: absolute;
  }
}
.qysl_box {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  // width:90px;
  width: 36%;
  // height: 75px;
  right: -10%;
  top: 15%;
  img {
    width: 100%;
    position: absolute;
  }
}
.yscbw_text {
  color: #ebf5fc;
  font-size: 12px;
  z-index: 20;
}
.yscbw_num {
  z-index: 20;
}
.jck_box {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  // width:90px;
  width: 36%;
  // height: 75px;
  left: 35%;
  top: 10%;
  img {
    width: 100%;
    position: absolute;
  }
}
.ygcbr_box {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  // width:90px;
  width: 36%;
  // height: 75px;
  left: 5%;
  top: 60%;
  img {
    width: 100%;
    position: absolute;
  }
}
.zczbcbw_box {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  // width:90px;
  width: 36%;
  // height: 75px;
  left: 40%;
  top: 60%;

  img {
    width: 100%;
    position: absolute;
  }
}
.rze_box {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  // width:90px;
  width: 36%;
  // height: 75px;
  right: 35%;
  top: 10%;
  img {
    width: 100%;
    position: absolute;
  }
}
.sbrs_box {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  // width:90px;
  width: 36%;
  // height: 75px;
  right: 5%;
  top: 69%;
  img {
    width: 100%;
    position: absolute;
  }
}
.nse_box {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  // width:90px;
  width: 36%;
  // height: 75px;
  right: 40%;
  top: 66%;

  img {
    width: 100%;
    position: absolute;
  }
}
.cyjy_unit {
  font-size: 12px;
}
</style>
